
        <form id=user_info name="userForm">
            <fieldset>
                <legend>New User Information</legend>
                <ol>
                    <div>
                        <li>
                            <label for=usertype>User Type</label>
                            <select size="1" name="userType" id="userType" class="userInput">
                                <option></option>
                                <option>Admin Secretary</option>
                                <option>Student</option>
                                <option>Teacher</option>
                            </select>
                            <span class="error" id="userTypeError">User Type is required</span>
                        </li>
                    </div>
                    <div>
                        <li>
                            <label for=firstname>First Name</label>
                            <input id=firstName name=firstName type="textbox" placeholder="First Name" class="userInput">
                            <span class="error" id="firstNameError">First Name field is required</span>    
                        </li>

                    </div>
                    <div>
                        <li>
                            <label for=lastname>Last Name</label>
                            <input id=lastName name=lastName type=text placeholder="Last Name" class="userInput">
                            <span class="error" id="lastNameError">Last Name field is required</span>
                        </li>
                    </div>
                    <div>
                        <li>
                            <label for=othernames>Other Names</label>
                            <input id=otherName name=otherNames type=text placeholder="Other Names" class="userInput">
                        </li>
                    </div>

                    <div>
                        <li>
                            <label for=dob>Date of Birth</label>
                            <input id=dob name=dob type=date placeholder="Date of Birth" class="userInput">
                            <span class="error" id="dobError">Date of Birth is required</span>
                        </li>
                    </div>

                    <div>
                        <li>
                            <label for=email>Email</label>
                            <input id=email name=email type=email placeholder="example@domain.com" class="userInput">
                            <span class="error" id="emailError">Email field is required</span>
                        </li>
                    </div>
                    <div>
                        <li>
                            <label for=password>Password</label>
                            <input id=password name=password type=password placeholder="Password" class="userInput">
                            <span class="error" id="passwordError">Password field is required</span>
                        </li>
                    </div>
                    <div>
                        <li>
                            <label for=address>Address</label>
                            <textarea id=address name=address rows=5 class="userInput"></textarea>
                            <span class="error" id="addressError">Address field is required</span>
                        </li>
                    </div>
            </fieldset>
            <fieldset>
                <button type=submit class="button">Save Data</button>
            </fieldset>
        </form>
    